Flaticon SVG Sprite

SVG Sprite Demo

Instructions

1Copy the SVG Sprite file to your website.
2Insert the content of your SVG Sprite in your HTML code. <div hidden> <svg style="display: none;" xmlns="http://www.w3.org/2000/svg"> <symbol id="blueberries" viewbox="0 0 53.308 53.308"> <title> blueberries </title> <path d="M39.685,2.953c-7.524,0-13.623,6.099-13.623,13.623c0,2.243,0.552,4.353,1.512,6.219 c1.496-0.565,3.11-0.888,4.804-0.888c5.281,0,9.851,3.011,12.111,7.404c5.15-1.944,8.819-6.905,8.819-12.735 C53.308,9.052,47.208,2.953,39.685,2.953z" style="fill:#003879;"> </path> ... </svg> </div>
3Use the icons:
Use example:
<svg class="icon"> <use xlink:href="#blueberries" /> </svg>

#donation-3

#donation-2

#hand

#trophy-1

#settings-4

#envelope-1

#hands

#heart-3

#help

#play-arrow

#music-headphones

#left-quote-1

#book

#mortarboard

#open-book

#donation-1

#donation

#people-1

#atomic

#idea

#like-2

#shopping-cart-1

#bar-chart

#padlock-1

#home-1

#arrows-7

#file-1

#chat

#settings-3

#planet-earth

#eye

#interface-2

#edit

#heart-2

#people

#calendar-2

#cup

#raindrop

#rocket-ship

#smartphone

#communication

#user-1

#technology-4

#arrows-6

#arrows-5

#speech-bubble-1

#heart-1

#paper-plane-1

#star

#user

#previous

#arrows-4

#padlock

#right-arrow-2

#login

#list

#drop

#unlink

#like-1

#play-button-1

#users

#interface-1

#settings-2

#play-button

#file

#calendar-1

#commerce

#menu-1

#calendar

#cancel-1

#back-1

#shopping-bag

#monitor

#piggy-bank-2

#shopping-cart

#phone-call

#house

#share

#musical-note

#back

#next-1

#download

#link

#like

#settings-1

#heart

#next

#garbage

#cash

#money-bag

#piggy-bank-1

#headphones-2

#piggy-bank

#unchecked

#timer

#profile

#cancel

#right-arrow-1

#left-arrow-2

#down-arrow

#clock-1

#interface

#arrows-3

#power-1

#quotation-mark

#time

#placeholder

#left-arrow-1

#right-arrow

#minus-symbol

#plus-symbol

#clock

#download-arrow-1

#download-arrow

#envelope

#technology-3

#technology-2

#empty-email

#danger

#menu-options

#web-page-home

#location-pin

#business-1

#water-drop

#house-outline

#left-arrow

#round

#reply-all-button

#check-symbol

#arrows-2

#left-quote

#right-quotation-sign

#power

#wifi-connection-signal-symbol

#world

#left-quotes-sign

#map-marker

#text-document

#technology-1

#home

#tag-black-shape

#tags

#check

#user-shape

#telephone-handle-silhouette

#right-quotation-mark

#comments

#thumbs-up

#arrows-1

#eye-open

#earth

#pdf

#settings

#trophy

#e-mail-envelope

#go-back-arrow

#cogwheel

#boat-anchor

#send-message-button

#web

#boat-lifesaver

#checked-box

#dustbin

#business

#arrow

#home-page

#search

#success

#headphones-1

#favorite

#plus

#minus

#checked

#social

#menu

#headphones

#wifi

#bag

#clip

#up-arrow-1

#layout

#speech-bubble

#technology

#light-bulb-1

#light-bulb

#paper-plane

#up-arrow

#pin

#arrows

#commenting

#quote

#double-quotes

#magnifying-glass